<app-tip [type]="tipType"></app-tip>
<div>
  <header class="flex">
    <div class="left" [routerLink]="['/main/index']"  id="btn-back">
      <div><i class="fas fa-chevron-left"></i></div>
    </div>
    <div class="center"><span>累计收益</span></div>
    <div class="right"></div>
  </header>
</div>

<div class="data">
  <div class="title">累计收益</div>
  <div class="income flex" style="padding-bottom: 0.2em">
    <div class="desc">本月收入</div>
    <div class="num">
      <div class="money">￥{{thisMonth.income}}</div>
      <div class="per red">&nbsp;</div>
    </div>
  </div>

  <div class="income flex" style="margin-top: 1em">
    <div class="desc">本月提现</div>
    <div class="num">
      <div class="money">￥{{thisMonth.withdrawals}}</div>
      <div class="per blue">&nbsp;</div>
    </div>
  </div>
  <div class="balance flex">
    <div class="line">&nbsp;</div>
    <div class="center">帐户余额 ￥{{thisMonth.balance}}</div>
    <div class="line">&nbsp;</div>
  </div>
</div>

<div class="mx">
  <div class="title">收益明细</div>

  <div class="list flex" *ngFor="let v of profitList">
    <div class="left">{{v.time}}</div>
    <div class="right">￥{{v.money | price8}}</div>
  </div>

  <div class="load-more" *ngIf="totalPage > start" (click)="loadMore()"><i class="fa fa-spinner fa-spin fa-fw" style="color: #fff"></i> 点击加载更多...</div>
</div>
